<template>
  <Row>
    <Col span="24">
    <Card :bordered="true" :dis-hover="false" :padding="8">
      <!--表格-->
      <p slot="title" style="height:38px;">
        <Button-group>
          <!--<Button type="ghost" size="large" icon="plus-round"></Button>-->
          <Button type="ghost" size="large" icon="edit">通过</Button>
          <Button type="ghost" size="large" icon="trash-b">拒绝</Button>
        </Button-group>
        <Input v-model="bookQuery.text" placeholder="查询..." style="max-width: 600px;float: right;">
        <Button slot="append" icon="ios-search" ></Button>
        </Input>
      </p>
      <!--表格-->
      <Table @on-selection-change="selectTable" border :columns="table_show" :data="table_data"></Table>
      <!--分页-->
      <div style="margin: 10px;overflow: hidden">
        <div style="float: right;">
          <Page :current="bookQuery.page" @on-change='changePage' :total="bookQuery.total" simple></Page>
        </div>
      </div>
    </Card>
    </Col>
  </Row>
</template>

<script>
  import bookApi from '@/api/bookApi'

  export default {
    data() {
      return {
        doing: '添加审批',
        table_show: [{
            type: 'selection',
            width: 60,
            align: 'center'
          },
          {
            title: '编号',
            width: 80,
            key: 'id',
            align: 'center'
          },
          {
            title: '预定原因',
            key: 'book_reason'
          },
          {
            title: '预定人',
            key: 'real_name'
          },
          {
            title: '部门',
            key: 'departement'
          },
          {
            title: '预定时间',
            key: 'book_time'
          }
        ],
        table_data: [{
        	id:1,
        	book_reason:'周常例会',
        	departement:'技术部',
        	real_name:'李越涛',
        	book_time:'2017-09-12  周二  09:00-09:30'
        	
        }],
        on_select: [],
        bookQuery: {
          text: '',
          page: 1,
          size: 10,
          total: 0
        }
      }
    },
    methods: {
    },
    mounted() {
    },
    watch: {}
  }
</script>

<style>

</style>